
<!-- Banner -->
<div id="banner">
  <div class="fullbanner">
    <div class="fullwidthbanner">
      <ul>              
                    <li data-transition="fade" data-slotamount="15" data-thumb="/images/revolution/slides/thumb4.jpg"> 
                        <img src="/images/banners/banner1.jpg">
              
                        <div class="caption lft small_text"  data-x="700" data-y="80" data-speed="1600" data-start="900" data-easing="easeOutExpo">      
                            <span class="blue_text"><img src="/images/Galaxy-S3.png" alt=""/></span>
                        </div>                
                       
                    </li>
                    <div class="clear"></div>
                  
                    <li data-transition="slideup" data-slotamount="10" data-thumb="/images/revolution/thumbs/thumb2.jpg">  
                        <img src="/images/banners/banner2.jpg">
                        <div class="caption lfl" data-x="-10" data-y="360" data-speed="2900" data-start="900" data-easing="easeOutExpo">
                            <img src="/images/Galaxy-tab.png" alt="" />
                        </div>        
                                        
                                    
                    </li>
                    <div class="clear"></div>
                  
                    <li data-transition="fade" data-slotamount="15" data-thumb="/images/revolution/thumbs/thumb3.jpg">
                        <img src="/images/banners/banner3.jpg">
                                   
                        <div class="caption lft small_text"  data-x="40" data-y="140" data-speed="1800" data-start="600" data-easing="easeOutExpo">      
                            <img src="/images/Galaxy-grand.png" alt="" />                     
                                                  	
                        </div>                
                               
                    </li>
                    <div class="clear"></div>
                    
                    <li data-transition="slideup" data-slotamount="10" data-thumb="/images/revolution/thumbs/thumb4.jpg">  
                        <img src="/images/banners/banner4.jpg">
                        <div class="caption lfl" data-x="-40" data-y="400" data-speed="2900" data-start="900" data-easing="easeOutExpo">
                            <img src="/images/samsung-rex-phones.png">
                        </div>                                
                            
                       
                                  
                    </li>
                    <div class="clear"></div>
                </ul>
      <div class="tp-bannertimer"></div>
    </div>
  </div>        
</div>
<div class="clear"></div>
<!-- Banner End -->

<!-- Front Text -->
<div id="front_text">
  <div class="container">
    <div class="text">
      <h2><b>Unlock Your Sales Potential</b></h2>
      <p>The Path to Certification Starts Here</p>
    </div>
  </div>
</div>
<!-- Front Text End -->

<!-- Content -->
<div id="content">
  <div class="container">
    <div class="services">
      <div class="section_1">
        <a href="<?php echo url_for('@courses?c=1'); ?>" class="asso_home"><span>Associate</span></a>
      </div>

      <div class="section_2">
        <a href="<?php echo url_for('@courses?c=2'); ?>" class="special_home"><span>Specialist</span></a>
      </div>

      <div class="section_3">
        <a href="<?php echo url_for('@courses?c=3'); ?>" class="expert_home"><span>Expert</span></a>
      </div>

      <div class="section_4">
        <a href="<?php echo url_for('@courses?c=4'); ?>" class="prof_home"><span>Professional</span></a>
      </div>

    </div>
    <div class="clear"></div>


  </div>
  <div class="clear"></div>

  <div class="tab_testimonial">

    <div class="clear"></div>
  </div>

</div>
<div class="clear"></div>
<!-- Content End -->
